<template>
    <div class="uploadIdcard">
      <div class="top">
        <div class="title">上传手持身份证照片</div>
        <div class="img-wrapper">
          <div class="img-container">
            <div class="img-box" style="background: #93D1FF">
              <img src="../../../static/true@2x.png" alt="" width="100%" height="100%">
            </div>
          </div>
          <div class="img-container">
            <div class="img-box" style="background: #93D1FF">
              <img src="../../../static/false@2x.png" alt="" width="100%" height="100%">
            </div>
          </div>
        </div>
        <div class="upImg-wrapper">
          <div class="upImg"></div>
        </div>
      </div>
      <div class="center">
        <div class="title">上传手持身份证照片</div>
        <div class="upImg-wrapper">
          <div class="upImg"></div>
        </div>
        <div class="title">上传手持身份证照片</div>
        <div class="upImg-wrapper">
          <div class="upImg"></div>
        </div>
      </div>
      <div class="bottom">
        <button class="btn">确认上传</button>
      </div>
    </div>
</template>

<script>
    export default {
        name: "uploadIdcard"
    }
</script>

<style scoped lang="stylus">
  .uploadIdcard
    height calc(100% - 64px)
    background #F6F6F6
    padding 10px
    overflow auto
    .top,.center
      background #ffffff
      border-radius 6px
      padding 10px 16px
      margin-bottom 10px
      .title
        font-size 14px
        text-align left
        color #737373
      .upImg-wrapper
        text-align center
        .upImg
          width 210px
          height 110px
          background #D2D2D2 url("upload@2x.png") no-repeat center /60px
          margin 10px auto
    .top
      .img-wrapper
        display flex
        .img-container
          flex 1
          text-align center
          .img-box
            width 150px
            height 150px
            margin 10px auto

    .bottom
      margin-bottom 35px
      .btn
        width 100%
        height 44px
        border-radius 6px
        border none
        color #ffffff
        font-size 17px
        background #49A2FE

</style>
